<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style></style>
  <script src="./node_modules/socket.io/client-dist/socket.io.js"></script>
</head>

<body>
  <button id="btn1">点我建立websocket连接</button>
  
  <script>
    btn1.addEventListener('click',()=>{
      // 建立连接  一旦连接建立成功,将会返回socket对象
      // socket对象封装与服务器交互时所需要的属性与方法
      let socket = io('ws://localhost:8080/');
      // socket.emit();
      //通过调用socket的emit方法,向服务端发消息
      //该消息类型是:textmsg   消息的内容是:你好！
      //一旦消息发送成功,服务器可以通过监听该消息类型,从而
      console.log(socket);
    })
  </script>
</body>

</html>